<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="donghuazuoye.css">

</head>
<body>
    <div id="all">
        <div id="up">
            <div id="bigfish"></div>
            <div id="laba" onclick="playpause()"></div>
            <audio id="music" loop preload="preload" ></audio>
<!--在里面直接写<source src="">适配型更好-->
<source src="images/music.mp3">

            <div id="paragraph"></div>
        </div>
        <div id="bingshaner"></div>
        <div id="down">
            <div id="weixin"></div>
            <div id="fishone"></div>
            <div id="erweima"></div>
            <div id="fishtwo"></div>
            <div id="bingshanyi"></div>
        </div>
    </div>
</body>
</html>
<script type="music">
    var audio=Document.getElementById('music')
    var bianhua=Document.getElementById('laba')
    function playpause(){
    if(audio.paused==true){
        bianhua.style.backgroundimage="url(../images/sound.png)";
         audio.play();
    }
else{
      bianhua.style.backgroundimage="url(../images/muted.png)";
          audio.pause();
}
    }

</script>